<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet"  href="css/home.css"/>
		<link  href="images/favicon.png" rel="icon"/>
		<script type="text/javascript"> 
			function showImg(){ 
			document.getElementById("wxImg").style.display='block'; 
			} 
			function hideImg(){ 
			document.getElementById("wxImg").style.display='none'; 
			} 
		</script>
		<style>
			 #service_active{
				border-bottom: 2px solid white;
				margin-bottom: 20px;
			}
		</style>
	</head>
	<body>
		<div class="service_box">
			<!--网页头部开始-->
			<div class="banner">
				<div class="banner_txt_middle">
					<div class="nav">
						<div class="logo fl">
							<a href="index.html">
								<img src="images/diansheLOGO.png" />
							</a>
						</div>
						<div class="tell fr">
							<a href="#">
								<img src="images/phone.png" />
							</a>
						</div>
						<ul class="fr">
							<li>
								<a href="project.html">案例</a>
							</li>
							<li id="service_active">
								<a href="service.html">服务</a>
							</li>
							<li>
								<a href="about.html">关于</a>
							</li>
							<li>
								<a href="news.html">研究</a>
							</li>
						</ul>
					</div>
					<div class="banner_txt_img">
						<img class="t1" src="images/service-t1.png"/><br /><br />
					    <img class="t2" src="images/service-t2.png"/><br />
					    <img class="t3" src="images/service-t3.png"/>
					</div>
				</div>
			</div>
			<!--网页头部结束-->
			
		   <!-- 网页内容导航-->
		   <div class="service_ctn_nav">
		   	  <ul class="clearfix">
		   	  	<li><a href="#fw">服务体系</a></li>
		   	  	<li><a href="#jufa">解决方案</a></li>
		   	  	<li><a href="#fwys">服务优势</a></li>
		   	  	<li><a href="#hzlc">服务流程</a></li>
		   	  	<li><a href="#xy">行业应用</a></li>
		   	  	<li><a href="#call">联系我们</a></li>
		   	  </ul>
		   </div>
		 <!--  网页内容导航结束-->
		 
		 <!--网页服务体系开始-->
		 <div class="service_system">
		 	<h1 id="fw">服务体系</h1>
		 	<div class="service_system_con">
		 		<dl>
		 		<dd><img src="images/service_bt_04.png" /></dd>
		 			<dt><h2>交互原型设计</h2></dt>
		 			<dt>信息架构</dt>
					<dt>低保真原型</dt>
					<dt>界面布局</dt>
					<dt>快速原型</dt>
					<dt>产品原型</dt>
		 	</dl>
		 	<dl>
		 		<dd><img src="images/service_bt_06.png" /></dd>
		 			<dt><h2>产品视觉设计</h2></dt>
		 			<dt>视觉设计</dt>
					<dt>设计规范与风格指南</dt>
					<dt>品牌形象</dt>
					<dt>图标设计</dt>
					<dt>前端架构及开发</dt>
		 	</dl>
		 	<dl>
		 		<dd><img src="images/service_bt_10.png" /></dd>
		 			<dt><h2>移动产品设计</h2></dt>
		 			<dt>移动界面设计</dt>
					<dt>iOS/Android界面设计</dt>
					<dt>微信公众平台</dt>
					<dt>html5设计开发</dt>
					<dt>移动网站设计开发</dt>
		 	</dl>
		 	<dl>
		 		<dd><img src="images/service_bt_12.png" /></dd>
		 			<dt><h2>软件界面设计</h2></dt>
		 			<dt>Windows软件界面设计</dt>
					<dt>MacOS软件界面设计</dt>
					<dt>车载软件界面</dt>
					<dt>电视界面</dt>
					<dt>其他终端软件界面</dt>
		 	</dl>
		 	<dl>
		 		<dd><img src="images/service_bt_14.png" /></dd>
		 			<dt><h2>品牌及平面设计</h2></dt>
		 			<dt>标志设计及企业VI体系</dt>
					<dt>产品平面设计</dt>
					<dt>手绘插画</dt>
					<dt>二维动画</dt>
					<dt>广告设计</dt>
		 	</dl>
		 	</div>
		 </div>
		 <!--网页服务体系结束-->
		 
		 <!--网页解决方案开始-->
		 <div class="service_solution">
		 	<h1 id="jufa">解决方案</h1>
		 	<div class="ctn">
		 		<ul class="clearfix">
					<a href="service_wc.html">
					<li>
						<div class="img"><img src="images/wc@2x1.jpg" /></div>
						<h3>旺财打卡机</h3>
						<p>互联网智能考勤产品设计</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/Pro11.jpg" /></div>
						<h3>Cardiocycle</h3>
						<p>智能运动心率贴</p>
					</li>
					</a>
					<a href="service_meide.html">
					<li>
						<div class="img"><img src="images/Pro181.jpg" /></div>
						<h3>美的中央空调</h3>
						<p>中央空调系统UI设计</p>
					</li>
					</a>
					<a href="#">
					<li>
						<div class="img"><img src="images/Pro231.jpg" /></div>
						<h3>时地陪</h3>
						<p>全新概念的地陪AP</p>
					</li>
					</a>
                </ul>
		 	</div>
		 </div>
		  <!--网页解决方案结束-->
		  
		 <!-- 网页服务优势结束-->
		 <div class="service_advantage">
		 	<h1 id="fwys">服务优势</h1>
		 	<ul>
		 		<li>
		 			<div class="imgk"><img src="images/wf-tb7.png"/></div>
		 			<h2>专业设计师</h2>
		 			<p>专注与品质要求</p>
		 			<p><br /></p>
		 			
		 		</li>
		 		<li>
		 			<div class="imgk"><img src="images/fw-tb5.png"/></div>
		 			<h2>一对一沟通</h2>
		 			<p>项目执行过程中</p>
		 			<p>设计师与需求方一对一沟通</p>
		 		</li>
		 		<li>
		 			<div class="imgk"><img src="images/fw-tb6.png"/></div>
		 			<h2>专业评审</h2>
		 			<p>设计完成后内部进行</p>
		 			<p>专业评审，精益求精</p>
		 		</li>
		 		<li>
		 			<div class="imgk"><img src="images/fw-tb8.png"/></div>
		 			<h2>满意为止</h2>
		 			<p>设计结果必须获得</p>
		 			<p>需求方满意</p>
		 		</li>
		 	</ul>
		 </div>
		 
		 <!--服务优势结束-->
		 
		<!-- 服务流程开始-->
		<div class="service_process">
			<h1 id="hzlc">服务流程</h1>
			<div class="service_process_bj">
				<img src="images/fw-tb9.png" />
				<div class="service_process_txt">
					
					<h3>策略研究</h3>
					<p>市场竞争分析<br />
					产品定位<br />
					功能定义<br/><br /></p>
				</div>
			</div>
			<div class="service_process_bj">
				<img src="images/fw-tb02.png" />
				<div class="service_process_txt">
					<h3>用户研究</h3>
					<p>用户角色分析<br />
					用户需求分析<br />
					现场观察 <br />
					 问卷调查
					</p>
				</div>
			</div>
			<div class="service_process_bj">
				<img src="images/fw-tb01.png" />
				<div class="service_process_txt">
					<h3>交互设计</h3>
					<p>
						信息架构设计<br />
						体验地图设计<br />
						交互模型<br />
						<br />
					</p>
				</div>
			</div>
			<div class="service_process_bj">
				<img src="images/fw-tb03.png" />
				<div class="service_process_txt">
					<h3>视觉设计</h3>
					<p>
						视觉趋势分析<br />
						视觉界面设计<br />
						可用性测试<br />
						设计指导规范
					</p>
				</div>
			</div>
		</div>
		<!--服务流程结束-->
		<!--行业应用开始-->
		<div class="service_industry_application">
			<h1 id="xy">行业应用</h1>
			<div class="service_industry_application_img">
				<ul>
					<li><img src="images/11.jpg"/>
					<p>智能家居<br />
					<span> Home</span></p>
					</li>
					<li><img src="images/22.jpg"/>
					<p>餐饮<br />
					<span>Restaurant</span></p></li>
					<li><img src="images/33.jpg"/>
					<p>电子商务<br />
					<span>Electronic Business</span></p>
					</li>
					<li><img src="images/44.jpg"/>
					<p>其他<br />
					<span>Other</span></p>
					</li>
				</ul>
			</div>
		</div>
		<!--行业应用结束-->
		<!--联系我们开始-->
		<div class="service_contact_us">
			<h1 id="call">联系我们</h1>
			<div class="service_contact_us_top">	
			</div>
			<div class="service_contact_us_txt">
				<p>我们是用户体验设计第一品牌，只为卓越的您完成互联网产品变革 </p>
				<p>体验策略+用户研究+交互设计+界面设计+前端开发</p>
			</div>
		</div>
		<!--表单开始-->
		<div class="service_form">
			<h1>快速提交您的需求</h1>
			<div class="demand_table">
	<form method="post" action="">
		<div class="row">
			<label>
				<!--<span>您的姓名</span>-->
				<input type="text" class="txt w1 input1" name="name" required  pattern="[-\w\u4E00-\u9FA5]{4,10}"  placeholder="您的姓名"></label>
				<label><!--<span>邮箱</span>-->
					<input type="text" class="txt w1 input2" name="email" required placeholder="邮箱"  required="required" pattern="^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"></label></div>
		<!--row-->
		<div class="row"><label>
			<!--<span>电话</span>-->
			<input type="text" class="txt w1 input3" name="mobile" required placeholder="电话" pattern="1[3578]\d{9}" required="required"></label>
			<label>
				<!--<span>公司名称</span>-->
				<input type="text" class="txt w1 input4" name="company" placeholder="公司名称" pattern="[-\w\u4E00-\u9FA5]{4,10}"></label></div>
		<!--row-->
		<div class="row"><label>
			<!--<span>您的需求描述？</span>-->
			<textarea class="txt w2 input5" name="content" required  placeholder="您的需求描述？" style="font-family: '微软雅黑';"></textarea></label></div>
		<!--row-->
		<div class="row">
			<input type="button" class="btn ajaxformbtn" value="发送您的需求">
			<p class="xin">或者发送商务咨询到邮箱：
				<a href="">hello@set point.cn</a>
			</p>
		</div>
		<!--row-->
	</form>
</div>

<div class="demand_bottom">
	<h2>您也可以通过以下方式联系我们</h2>
	<div class="con">
		<ul>
			<li>邮箱：hello@set point.cn</li>
			<li>手机：18813146300</li>
			<li>座机：（+86）010-57281080</li>
			<li>Q Q： 949677513
				<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes" target="_blank">在线咨询</a>
			</li>
			<li>地址：安徽合肥马鞍山路与南一环交叉口</li>
		</ul>
		<div class="xinwe">
			<dl>
				<dd><img src="images/fw-tu11.png"></dd><dt>业务咨询</dt><dt></dt></dl>
			<dl>
				<dd><img src="images/fw-tb12.jpg"></dd><dt>微信公众号</dt><dt></dt></dl>
		</div>
	</div>
	<!--con-->
</div>
		</div>
		
		<!--底部开始-->
		<div class="main_foot">
				<div class="foot clearfix">
					<div class="foot_logo fl">
						<a href="index.html"><img src="images/diansheLOGO.png" /></a>
						<p>设计和技术创造极致用户体验</p>
					</div>
					<div class="con fl">
						<ul class="list1">
							<h3>我们</h3>
							<li>
								<a href="#"	>服务项目</a>					
							</li>
							<li>
								<a href="#"	>关于我们</a>					
							</li>
							<li>
								<a href="#"	>新闻动态</a>					
							</li>
							<li>
								<a href="#"	>加入我们</a>					
							</li>
							<li>
								<a href="#"	>联系我们</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>案例</h3>
							<li>
								<a href="project.html"	>全部</a>					
							</li>
							<li>
								<a href="#"	>网站</a>					
							</li>
							<li>
								<a href="#"	>移动app</a>					
							</li>
							<li>
								<a href="#"	>桌面软件</a>					
							</li>
							<li>
								<a href="#"	>品牌及平面</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>方案</h3>
							<li>
								<a href="#"	>移动互联网</a>					
							</li>
							<li>
								<a href="#"	>在线金融</a>					
							</li>
							<li>
								<a href="#"	>传统企业转型</a>					
							</li>
							<li>
								<a href="#"	>医疗健康</a>					
							</li>
							<li>
								<a href="#"	>创业服务</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>发现</h3>
							<li>
								<a href="#"	>合作伙伴</a>					
							</li>
							<li>
								<a href="#"	>研究</a>					
							</li>
							<li>
								<a href="#"	>set point实验室</a>					
							</li>
							<li>
								<a href="#"	>留言板</a>					
							</li>
							<li>
								<a href="#"	>友情链接</a>					
							</li>
						</ul>
					</div>
					<ul class="list2 fl">
						<h3>商务合作</h3>
						<li>
							<a href="#"	>邮箱：hello@set point.cn</a>					
						</li>
						<li>
							<a href="#"	>手机：18813146300</a>					
						</li>
						<li>
							<a href="#"	>座机：（+86）010-57281080</a>					
						</li>
						<li>
							<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes"	>Q&nbsp;Q：94967751<img src="images/icon_10.jpg" />点击交谈</a>					
						</li>
						<li>
							<a href="#"	>地址：安徽合肥马鞍山路与南一环交叉口</a>					
						</li>
					</ul>
				</div>
				<li class="foot_bottom">
					<ul class="code">
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_05.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_06.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_07.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_08.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_09.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					</ul>
					<p>Copyright © 2014-2017 nicedesign 京ICP备15000202号-5</p>
				</div>
				
				<!--网页返回顶部-->
			<div class="back_top">
				<a href="#">
					<img src="images/top2.png" />
				</a>
			</div>
			<div class="messeage">
				<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes">
					<img src="images/Online.gif" />
				</a>
			</div>
			</div>
			
	</body>
</html>
